@media screen and (min-width:320px) and (max-width:756px){
#headersmal {
    width:100%;
    height:auto;
    left:0;
    top:0;
    position:absolute;
    display:block;
    margin-right:auto;
    margin-left:auto;
    background-color:#0089b6;
     transform: skewY(0deg);
    -moz-transform: skewY(0deg);
    -ms-transform: skewY(0deg);
     -o-transform: skewY(0deg);
    box-shadow: none;
    z-index: 202;
}
#rsplogoheader {
    width:99%;
    height:auto;
    max-width:100px;
    left:0px;
    right:0px;
    top:5px;
    position:relative;
    display:block;
    margin-left:auto;
    background-color:#0089b6;
    padding:0px 20px 0px 0px;
    text-align:left;
    z-index: 700;
     transform: skewY(0deg);
    -moz-transform: skewY(0deg);
    -ms-transform: skewY(0deg);
     -o-transform: skewY(0deg);
    z-index: 2000;
}
#rsplogoheader img,
#rsplogoheader a {
    width:auto;
    height:auto;
    max-height:30px;
    margin-right:auto;
    margin-left:auto;
    position:relative;
    top:0;
    left:0;
    right:0;
}
#anschrift {
    width:99%;
    height:auto;
    max-height:70px;
    right:60px;
    top:0px;
    bottom:0;
    position:relative;
    margin-right:auto;
    margin-left:auto;
    padding-top:10px;
    padding-bottom:20px;
    text-align:center;
    font-size:20px;
    line-height:28px;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    color:rgba(0,0,0,1);
    background-color:#0089b6;
    display:block;
    z-index: 1250;
    font-family: "Oswald";
    font-optical-sizing: auto;
    font-weight:auto;
    font-style:auto;
     transform: skewY(0deg);
    -moz-transform: skewY(0deg);
    -ms-transform: skewY(0deg);
    -o-transform: skewY(0deg);
}
  .headline {
    width:auto;
    height:auto;
    margin-top:20px;
    margin-bottom:20px;
    padding-top:10px;
    padding-bottom:10px;
    text-align:center;
    font-size:1.5em;
    line-height:1em;
    font-weight:bold;
    text-decoration:none;
    color:#800000;
    font-optical-sizing: auto;
    font-weight: auto;
    font-style: auto;
}
.headline h5 {
    font:20px/35px "Open sans" sans-serfif;
    font-weight:bold;
    font-style:italic;
    text-decoration:none;
    color:#000;
    text-transform:uppercase;
    word-spacing:-2px;
    font-family: "Open Sans Condensed", sans-serif;
    font-optical-sizing: auto;
    font-weight: auto;
    font-style: auto;
    text-decoration:none;
}
#startseite .ce_text {
    width:99%;
    height:auto;
    left:0;
    right:0;
    top:0;
    position:relative;
    float:left;
    display:block;
    margin-right:auto;
    margin-left:auto;
    padding:0 20px;
    font-size:20px;
    line-height:35px;
    font-style:italic;
    font-weight:normal;
    text-decoration:none;
    color:#000;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-top:0px;
    font: "Open sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: auto;
    font-style: normal;
}
#flexbox,
#startseite .flexbox {
    width:99%;
    height:auto;
    left:0;
    top:0;
    position:relative;
    float:left;
    display:block;
    font-style: normal;
    font-optical-sizing: auto;
    margin-top:50px;
}
#flexbox p,
#flexbox img,
#startseite .flexbox p,
#startseite .flexbox img {
    font-size:1em;
    line-height:1em;
}
#flexbox h2,
#startseite .flexbox h2 {
    width:auto;
    height:auto;
    max-height:20px;
    left:0;
    position:relative;
    display:block;
    margin-top:0;
    margin-right:auto;
    padding-top:15px;
    padding-bottom:15px;
    text-align:center;
    font-size:20px;
    line-height:25px;
    font-weight:bold;
    text-decoration:none;
    color:#000;
    text-transform:uppercase;
    bottom:45px;
    background-color:#0089b6;
    font-family: "Oswald";
    font-optical-sizing: auto;
    font-weight: auto;
    font-style: normal;
}
#flexbox .textwrapper ul,
#startseite .flexbox ul {
    width:99%;
    height:100%;
    margin-top:10px;
    padding:0 0 0 10px;
}
#flexbox h2:after,
#startseite .flexbox h2:after {
    display:none;
}
#flexbox .textwrapper a,
#startseite .flexbox a {
    width:auto;
    height:auto;
    left:30%;
    right:30%;
    position:absolute;
    display:block;
    padding:5px;
    text-align:center;
    background-color:#fff;
    font-size:20px;
    line-height:25px;
    font-weight:bold;
    text-decoration:none;
    color:#000;
    text-transform:uppercase;
    background-color:#ffffff;
    bottom:-1em;
    z-index: 900;
    font-family: "Oswald";
    font-optical-sizing: auto;
    font-weight: auto;
    font-style: normal;
}
#flexbox .textwrapper a:hover,
#startseite .flexbox .textwrapper a:hover {
    width:auto;
    height:auto;
    left:30%;
    right:30%;
    position:absolute;
    display:block;
    padding:5px;
    text-align:center;
    background-color:#0089b6;
    border:1px solid rgba(17,17,17,1);
    font-size:20px;
    line-height:25px;
    font-weight:bold;
    text-decoration:none;
    color:#111;
    text-transform:uppercase;
    background-color:#0089b6;
    bottom:-1em;
    z-index: 900;
    -webkit-transition:all 1.8s ease;
    -moz-transition:all 1.8s ease;
    -ms-transition:all 1.8s ease;
    -o-transition:all 1.8s ease;
    transition:all 1.8s ease;
    font-family: "Oswald";
    font-optical-sizing: auto;
    font-weight: auto;
    font-style: normal;
    font-family: "Oswald";
    }
 #linkbar{
    width:99%;
    height:50px;
    max-width:1180px;
    left:0;
    right:0;
    position:absolute;
    margin-right:auto;
    margin-left:auto;
    padding-left:0;
    text-align:left;
    font-weight:bold;
    font-style:italic;
    color:#000;
    top:0px;
    display:flex;
    flex-flow:revert-layer;
    justify-content:space-between;
    font-family:"Oswald";
    }
#copy {
    width:auto;
    height:auto;
    max-width:500px;
    left:0;
    right:0;
    position:relative;
    margin-right:auto;
    margin-left:auto;
    padding-bottom:20px;
    font-size:20px;
    line-height:25px;
    font-weight:bold;
    font-style:italic;
    text-align:center;
    color:#000;
    top:20px;
    font-family:"Oswald";
    }
#rsplogo {
    display:none;
}
#navigationfooter{
	display:none;
}
#footerright, #footerleft{
	display:none;
}
#footer, #footer.inside{
	width:auto;
	height:auto;
	min-height:70px;
	background-color:#0089b6;
	}
#headertextstart,#headertextstart.mod_article,.headerleft{
		display:block;
	}
h3.ce_headline {
    width:100vw;
    height:auto;
    left:0%;
    bottom:-15px;
    position:absolute;
    margin-right:auto;
    margin-left:auto;
    padding:10px;
    text-align:center;
    background-color:#fdf5a2;
    font-size:24px;
    line-height:35px;
    font-weight:bold;
    font-style:italic;
    text-decoration:none;
    color:rgba(0,0,0,1);
    text-transform:uppercase;
    letter-spacing:2px;
    z-index: 650;
    font-family:"Oswald";
    font-optical-sizing: auto;
    font-weight:auto;
    font-style:auto;
	}
h3.ce_headline:before{
	display:none;
}
#navigation{
	display:none;
}
#kontakt {
    width:auto;
    height:auto;
    right:0;
    top:0;
    position:relative;
    float:left;
    display:block;
    margin:0 0 50px;
    padding:15px 20px 35px;
    font-size:24px;
    line-height:30px;
    font-weight:normal;
    text-decoration:none;
    color:#000;
    font: "Open sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: auto;
    font-style: normal;
}  
 .grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12 {
	width:100vw;
    height:auto;
    text-align:justify;
    float:left;
    margin-left:auto;
    margin-right:auto;
    padding:10px;
}
#rspkopfheader {
    width:auto;
    height:auto;
    max-width:1180px;
    left:0;
    right:0;
    position:relative;
    display:block;
    margin-right:auto;
    margin-left:auto;
    margin-top:10px;
    padding:0;
    text-align:right;
    z-index: 700;
    transform: skewY(0deg);
    top:0px;
}
#rspkopfheader img,
#rspkopfheader a {
    width:100%;
    height:auto;
    max-height:70px;
    margin-right:auto;
    margin-left:auto;
}
#headertextstart .ce_text {
    width:100%;
    height:auto;
    max-width:45%;
    margin-bottom:0px;
    padding:50px 10px 10px 0;
    text-align:left;
    font-size:0.75em;
    line-height:0.75em;
    font-style:italic;
    font-weight:normal;
    color:rgba(0,0,0,1);
    font-family: "Open-sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: auto;
    font-style: auto;
    z-index: 130;
}
.headerleft {
    width: 100%;
    height: 100%;
    max-width: 55%;
    max-height: 1000px;
    bottom: 0;
    left: 0;
    position: absolute;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    background-color: rgba(255,255,255,.9);
    background-position: right bottom;
    z-index: 100
}
#headertextstart .ce_text h4 {
    width:100%;
    height:auto;
    margin-bottom:10px;
    text-align:left;
    font-size:1.4em;
    line-height:1.2em;
    font-weight:bold;
    font-style:italic;
    color:#000;
    text-transform:uppercase;
    font-family:"Oswald";
    font-optical-sizing: auto;
    font-weight: auto;
    font-style: auto;
    z-index: 130;
}
}